<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../templates/ui.xhtml">

	<ui:define name="content">

		<h1 class="title ui-widget-header ui-corner-all">TagCloud</h1>
		<div class="entry">
			<p>TagCloud displays a collection of tags with different strengths.</p>

			<p:tagCloud model="#{tagCloudBean.model}" />

			<h3>Source</h3>
			<p:tabView>
				<p:tab title="tagCloud.xhtml">
                    <pre name="code" class="xml">
&lt;p:tagCloud model="\#{tagCloudBean.model}" /&gt;
                    </pre>
				</p:tab>

                <p:tab title="TagCloudBean.java">
                    <pre name="code" class="java">
package org.primefaces.examples.view;

import org.primefaces.model.tagcloud.DefaultTagCloudItem;
import org.primefaces.model.tagcloud.DefaultTagCloudModel;
import org.primefaces.model.tagcloud.TagCloudModel;

public class TagCloudBean {

    private TagCloudModel model;

    public TagCloudBean() {
        model = new DefaultTagCloudModel();
        model.addTag(new DefaultTagCloudItem("Transformers", "#", 1));
        model.addTag(new DefaultTagCloudItem("RIA", "#", 3));
        model.addTag(new DefaultTagCloudItem("AJAX", "#", 2));
        model.addTag(new DefaultTagCloudItem("jQuery", "#", 5));
        model.addTag(new DefaultTagCloudItem("NextGen", "#", 4));
        model.addTag(new DefaultTagCloudItem("JSF 2.0", "#", 2));
        model.addTag(new DefaultTagCloudItem("FCB", "#", 5));
        model.addTag(new DefaultTagCloudItem("Mobile", "#", 3));
        model.addTag(new DefaultTagCloudItem("Themes", "#", 4));
        model.addTag(new DefaultTagCloudItem("Rocks", "#", 1));
    }

    public TagCloudModel getModel() {
        return model;
    }
}
                    </pre>
				</p:tab>
			</p:tabView>


		</div>

	</ui:define>
</ui:composition>
